<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录</title>
    <link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="../../plugins/layui/css/layui.css" type="text/css">

    <style>
    body{
      background-image: url("../../imgs/person-all.jpg");

      background-size: 70%  100%;
      height:650px;
        background-position:  200px 0px;
       background-repeat: no-repeat;
      
}
    .registe{
      width:400px;
      height:300px;
      /* background-color:black; */
      margin-top:0px;
      padding-top:50px;
      margin-left:500px;
      /* opacity: 0.7; */
      background-color:rgba(1,1,1,o.7);
     
    }
  .milder_H{
    padding-top:60px;
  }
  .milder_M{
    padding-top:20px;
    float:left;
  }
  .link a{
    text-decoration: none;
    color:white;
    margin-left:300px;
     
   
   
}


/* 
button{
    background-color:white;
    border:2px solid lightsalmon;
    
   
    color:lightsalmon;
    border-radius:25px 25px 25px 25px
    
}
input{
    background-color:white;
    border:2px solid lightsalmon;
    
    color:lightsalmon;
} */

button{
    /* background-color:cyan; */
    border:1px solid lightgray;

    
    /* opacity: 0.1; */
    /* color:lightsalmon; */
    border-radius:25px 25px 25px 25px
    
}
input{
    background-color:rgba(207, 203, 203,0.2);
    /* border:1px solid cyan;
     */
    /* opacity: 0.1; */
    /* color:cyan; */
}

    </style>
   

</head>
<body>
    <!-- lightsalmon -->
    <div class="registe" >
        <!-- 文字  账号登录 -->
        <div class="header" style="float:left; margin-left:60px">
       <h3 > <font color=""> 账号登录</font></h3></div> 
                      <!-- 文字  短信登录 -->
                      <!-- <div class="header" style="float:right; margin-right:80px; ">
                      <a onclick="f('ycbc')"><h3 > <font color="" > 短信快捷登录</font></h3></a></div> -->
       <!-- 水平线 -->
       <div class="header" style="padding-top:70px;">
            <hr color="">
       </div>
       <!-- 手机号  表单 -->
           <form action="input_username">
               <input type="text" placeholder="手机号/用户名/邮箱" style="margin-top:20px; margin-left:30px;width:330px; height:45px;">
           </form>
       <!-- 密码  表单 -->
          <form action="input_password">
                <input type="password" placeholder="请输入密码" style="margin-top:20px; margin-left:30px;width:330px; height:45px;">
            </form>
     <!-- 忘记密码  链接 -->
        <div class="link" style="margin-top:15px; " >
          <a href="forgetpassword.html"> <font color="lightsalmon">忘记密码</font> </a>  
       </div>
       <!-- 登录 按钮 -->
     <!-- <button type="button" class="btn btn-warning" style=" height:40px; width:300px; margin-left:40px; margin-top:20px;"><font color="black">登录</font></button> -->
      <div class="link" style="margin-top:15px;">
        <button type="button" class="layui-btn layui-btn-warm layui-btn-radius" style=" height:40px; width:300px; margin-left:40px; margin-top:20px;">登录</button>
    </div> 
    <!-- <button type="button" class="layui-btn layui-btn-warm">暖色按钮</button> -->
    
    <div class="footer" style="margin-top:30px;margin-left:50px;">
      <a href=""><span id="qqLoginBtn"><img src="../../imgs/personal-qq.jpg" style="width:40px;height:40px;border-radius: 50%;"></span></a>
    
      <a href=""><img src="../../imgs/personal-weixin.jpg" style="width:40px;height:40px;border-radius: 50%;margin-left:60px;"></a>

      <a href><img src="../../imgs/personal-weibo.jpeg" style="width:40px;height:40px;border-radius: 50%;margin-left:60px;"></a>

     

    </div>
                    
       
              
    
        
     
    </div>
   <script src="../../plugins/layui/layui.js"></script>
  
    <script src="../../plugins/layui/css/layui.css"></script>
    <script src="../../plugins/layui/css/layui.mobile.css"></script>
    <script src="../../plugins/jquery/jquery.min.js"></script>
    <script src="../../plugins/bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="qqLoginBtn" charset="utf-8"></script>
</body>
</html>